html,
body {
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}

body {
	background-color: #fbf9fe;
}

.router-view {
	width: 100%;
	top: 46px;
}

.nav-browse {
	width: 100%;
	height: 100%;
	position: relative;
	top: -2px;
	background: url('../assets/nav_search.png');
}

.weui-bar__item_on .nav-browse {
	background: url('../assets/nav_search_active.png');
}

.nav-connections {
	width: 100%;
	height: 100%;
	position: relative;
	top: -2px;
	background: url('../assets/nav_moments.png');
}

.weui-bar__item_on .nav-connections {
	background: url('../assets/nav_moments_active.png');
}

.nav-me {
	width: 100%;
	height: 100%;
	position: relative;
	top: -2px;
	background: url('../assets/nav_me.png');
}

.weui-bar__item_on .nav-me {
	background: url('../assets/nav_me_active.png');
}

.vux-pop-out-enter-active,
.vux-pop-out-leave-active,
.vux-pop-in-enter-active,
.vux-pop-in-leave-active {
	will-change: transform;
	transition: all 500ms;
	height: 100%;
	top: 46px;
	position: absolute;
	backface-visibility: hidden;
	perspective: 1000;
}

.vux-pop-out-enter {
	opacity: 0;
	transform: translate3d(-100%, 0, 0);
}

.vux-pop-out-leave-active {
	opacity: 0;
	transform: translate3d(100%, 0, 0);
}

.vux-pop-in-enter {
	opacity: 0;
	transform: translate3d(100%, 0, 0);
}

.vux-pop-in-leave-active {
	opacity: 0;
	transform: translate3d(-100%, 0, 0);
}
